<html>
<head>
<title>oTranscribe - Open source</title>
<meta charset="utf-8" />

<link rel="stylesheet" href="../style.css" type="text/css" media="screen" title="no title" charset="utf-8">
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.css" rel="stylesheet">

</head>
<body>

<div class="separate-page">
    <div class="container">
        <a href="../" id="close-help"><i class="fa fa-angle-double-left"></i> back to oTranscribe</a>
        <h1>oTranscribe is open source</h1>
        <p>All of oTranscribe's custom-built components, as well as the app itself, are open source under the MIT license. Pull requests and forks are welcomed, or feel free to use these libraries in your own applications.<p/>


        <div class="row" id="otranscribe">
            <h2><a href="https://github.com/oTranscribe/oTranscribe">oTranscribe</a></h2>
            <p>A web app for transcription that makes use of all of the components below.</p>
            <p>
                <a class="button" href="https://github.com/oTranscribe/oTranscribe"><i class="fa fa-github"></i> GitHub</a>
            </p>
        </div>

        <div class="row" id="otplayer">
            <h2><a href="https://github.com/oTranscribe/oTplayer">oTplayer</a></h2>
            <p>A bring-your-own-interface media player component that supports audio, video and YouTube videos. Accepts URLs or HTML5 File objects. Goes very nicely with <a href="#otinput">oTinput</a>.</p>
            <p>
                <a class="button" href="https://github.com/oTranscribe/oTplayer"><i class="fa fa-github"></i> GitHub</a>
                <a class="button" href="http://otranscribe.com/oTplayer/examples/basic-player.html"><i class="fa fa-laptop"></i> Demo</a>
            </p>
        </div>

        <div class="row" id="progressor">
            <h2><a href="https://github.com/ejb/progressor.js">Progressor.js</a></h2>
            <p>Lightweight, customisable progress bars for HTML5 video & audio. Subcomponent of oTplayer.</p>
            <p>
                <a class="button" href="https://github.com/ejb/progressor.js"><i class="fa fa-github"></i> GitHub</a>
                <a class="button" href="http://jsfiddle.net/8dJ46/"><i class="fa fa-laptop"></i> Demo</a>
            </p>
        </div>

        <div class="row" id="otinput">
            <h2><a href="https://github.com/oTranscribe/oTinput">oTinput</a></h2>
            <p>User-friendly interface for picking local or remote media files (including YouTube videos).</p>
            <p>
                <a class="button" href="https://github.com/oTranscribe/oTinput"><i class="fa fa-github"></i> GitHub</a>
            </p>
        </div>        

</div>

</body>

</html>